 /* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 'KnowledgeRegular',  arial, sans-serif; color:#777777;
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0px 5px 0px !important;
	font-weight:normal !important;
}

h2 {
	color: #ff8000 !important;
	padding-bottom: 0px;
	font-family: 'KnowledgeLight',  arial, sans-serif !important;
	font-size: 40px !important;
	padding-bottom: 20px;
	
	
}

h2 strong{
	font-family: 'KnowledgeBold',  arial, sans-serif !important;
}
h3 {
	color: #666666 !important;
	font-family: 'KnowledgeRegular',  arial, sans-serif !important;
	line-height: 30px !important;
	padding-bottom: 20px;
}

h4 {
	font-family: 'KnowledgeRegular',  arial, sans-serif !important;
	font-size: 1.2rem !important;
	color: #666666 !important;
	padding-bottom: 20px;
}

h5 {
	font-family: 'KnowledgeLight',  arial, sans-serif !important;
	font-size: 1rem !important;
	min-height:60px;
}

#section3 h5:before { content: "■"; padding-right:7px; color:#ff8000; }

p {
	color: #777777;
	font-size: 20px;
	line-height: 24px;
	font-family: 'KnowledgeLight',  arial, sans-serif; 
}

ul li {
	font-family: 'KnowledgeRegular',  arial, sans-serif !important; 
	list-style-type: square;
	color:#ff8000;
}

ul li span {
	font-family: 'KnowledgeRegular',  arial, sans-serif !important; 
	list-style-type: square;
	color:#666666;
}
.bold {
	font-family:  'KnowledgeBold', arial !important;
}


.white {
	color: #ffffff !important;
}
.orange {
	color: #ff8000 !important;
}
.gray {
	color: #333333 !important;
}
.blue {
	color: #077fbf !important;
}
.green {
	color: #649b22 !important;
}
.violet {
	color: #381e62 !important;
}
.light_violet {
	color: #6a2f99 !important;
}
.dark_orange {
	color: #f25c19 !important;
}
.dark_red {
	color: #a2132e !important;
}

.icono {
	background-repeat: no-repeat !important; 
	background-size: 70px !important; 
	padding: 25px 0 20px 80px;
	}
.icono2 {
	background-repeat: no-repeat !important; 
	background-size: 70px !important; 
	padding: 10px 0 10px 80px;
	min-height: 60px;
	}
.white {
	color: #ffffff !important;
}
.italic {
	font-style: italic;
	font-weight: bold; 
	color:#666666;
}
.link {
	color: #0099c4; 
	text-decoration:none; 
	font-weight:bold;
}
.link:hover {
	color: #2ec6f1 !important; 
	text-decoration:none !important; 
}
.link:visited {
	color: #2ec6f1 !important; 
	text-decoration:none !important; 
}
/*---start-wrap-----*/
.wrap{
	width:80%;
	margin:0 auto;
}
/*---start-Header-----*/
.header{
	background: #ffffff;
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 100%;   
	border-bottom: 5px solid #ff8000;
}

.logo{
	float: left;
	text-align:left;
	padding: 12px 0px 5px 0px;
}
.logo a{
	color:#000;
	font-size:2.5em
}
.logo IMG{
	width: 250px;
}

.logo2{
	float: right !important;
	text-align:right;
	padding: 2px 20px 2px 0px;
}

.logo2 IMG{
	width: 75px;
}

.logo3{
	text-align:center;
}

.logo3 IMG{
}

.header {
display: block;
float: left;
width: 100%;
padding: 10px 0px;
}

ul  {
}

ul li {
	font-size: 16px;
	margin-bottom: 15px;
}

/*---End-Header-----*/

.small {
	font-size: 11px;
	line-height: 15px;
}
	
			
.clear {
 	clear:both;}


.quote_foto {
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: 1360px !important;
	background-position: top right !important;
	padding: 70px 0 0 0 !important;
	
	background: url('http://images.engage.es-pt.thomsonreuters.com/EloquaImages/clients/LALEYSAEIMPRESORA/%7B1838b378-15ee-4e93-b579-8f2710f5554e%7D_banner.jpg'); 
	background-attachment:fixed; 
	background-color:#dddddd; 
	background-repeat: no-repeat; 
	}
	
	
.quote_blue {
	background-color: #077fbf;
	}
.quote_green {
	background-color: #5f961e;
	}
.quote_violet {
	background-color: #381e62;
	}
.quote_light_violet {
	background-color: #6a2f99;
	}
.quote_dark_orange {
	background-color: #f25c19;
	}
.quote_dark_red {
	background-color: #a2132e;
	}
	
.quote H1 {
	display:none;
	}
	
	
.back_a {
	padding: 1em 1.5em 1em 0em;
	float:left;
	width: 63%;
	}
	
	

	
.quote H2 {
	padding: 20px 0px 10px 0px !important;
	font-size: 45px !important;
	line-height: 1em;
	font-family: 'KnowledgeLight', arial !important;
	margin: 0px;
	border-bottom: 0px;
	color: #1bfffe !important;
	background-repeat: repeat-y;
	background-position: left;
	margin: 70px 0px !important;
	}
	
	
		
.quote .pop {
	padding: 50px 30px !important;
	font-size: 50px !important;
	line-height: 1.1em;
	font-family: 'KnowledgeLight', arial !important;
	margin: 0px;
	border-bottom: 0px;
	color: #1bfffe !important;
	margin: 70px 0px !important;
	background-color: rgb(0,0,0,0.5);
	}
	
	
.quote H2 span{
	font-family: 'KnowledgeBold' ;
	font-size: 45px;
	color: #ff8000;
	}
.quote H2 strong{
	color: #ffffff;
	font-family: 'KnowledgeLight' !important;
	font-size: 35px !important;
	font-weight: normal;
	line-height: 35px !important;
	background-color: #ff8000;
	padding: 7px 20px 7px 40px;
	margin-left: -40px;
	margin-bottom: 30px;
	}
	
.quote H2 i{
	color: #666666;
	font-family: 'KnowledgeBold' !important;
	font-weight: normal;
	font-style: initial;
	}
	
.quote p{
	font-family: 'KnowledgeLight' ;
	font-size: 24px;
	width: 50%;
	}
.quote H3 {
	color: #ff8000 !important; font-family: 'KnowledgeRegular' !important; line-height: 28px !important;
}

.quote .mas_info {
	font-size: 20px; width: 200px; display: inline-block; text-align: center; height: 24px; line-height: 24px; 
}
.quote ul {
	width: 75%;
	background-color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
	padding: 20px 40px;
	margin: 30px 0 0 0 !important;
	}
	
	
.quote ul li {
	font-size: 24px;
	line-height: 30px;
	color: #ff8000;
	font-weight: normal;
	font-family: 'KnowledgeRegular', arial !important;
	list-style-type: square;
	}
	
		
.quote ul li span{
	color: #666666;
	}
	
.quote p {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	font-weight: normal;
	font-family: 'KnowledgeLight', arial !important;
	}
	
.speaker {
	padding-top: 20px !important;
}
.foto_speaker {
	padding-top: 20px;
	width: 130px;
}
		
.caja {
	background-color:#f2f2f2;
	padding: 20px;
	width: 95% !important;
	margin-bottom: 30px;
	min-height: 120px;
	
}

.recuadro {
	background-color: #ff8000;
	padding: 20px;
}
.recuadro h3{
	font-size: 19px;
	font-family: 'KnowledgeLight', arial !important;
	color: #ffffff !important;
	line-height: 24px;
}
.recuadro h4{
	font-size: 16px !important;
	font-family: 'KnowledgeLight', arial !important;
	color: #ffffff !important;
}		

.speaker {
	margin-bottom: 15px;
	width: 200px;
}

.back_color1 {
	background-color: #f2f2f2;
}

.back_color2 {
	background-color: #333333;
}

#section2 {
	padding: 3em 0%;
	overflow: hidden;
	}

#section3{
	padding: 3em 0% 1em 0%;
	}

	
#section4 {
	padding: 3em 0%;
	overflow: hidden;
	}
		

#section5{
	padding: 3em 0%;
	background-color: #ff8000;
	}
		
#section6{
	padding: 3em 0%;
	overflow: hidden;
	background-color: #f2f2f2;
	}
	
#section6 a{
	text-decoration:none;
	}
#section6 a:hover{
	text-decoration:none;
	}

#section6 h3{
	line-height: 1em;
	text-align: left !important;
	}
#legales {
	background-color: #f2f2f2;
}
#legales  h2{
	border-bottom: 0px;
	color: #666666 !important;
}
	
.foto {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 80%;
	float: right;
}	
.texto {
	margin-top: 40px;
}

.separador {
	border-bottom: solid 1px #cccccc;
	margin: 0px 0px 10px 0;
	padding-bottom: 10px;
}



.separador_white {
	border-bottom: solid 1px #ffffff;
	margin: 0px 0px 10px 0;
	padding-bottom: 10px;
}


.embed-responsive {

        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden;

}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {

        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;

}



.embed-responsive-16by9 {

        padding-bottom: 56.25%;

}

form {
	color: #ffffff;
	padding: 10px 2em !important;
	overflow: hidden;
}




.formulario {
	float: right;
	text-align: left;
	background-color: rgba(0,0,0,0.10);
	width: 100%;
	
}
.formulario_gracias {
	width: 40% !important;
	
}
.formulario H3 {
	font-family: 'KnowledgeRegular', arial ;
	color: #fff !important;
	margin-bottom: 13px;
	padding: 1em 1em 0em 1em;
	line-height: 18px;
	font-size: 19px;
	text-align:center;
}
.formulario H4 {
	font-family:'KnowledgeRegular', arial;
	color: #fff !important;
	margin-bottom: 13px;
}
.formulario form {
	padding: 20px;
	
}
.formulario form .campo{
	width: 95%;
	
}

.boton {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff !important;
	background-color: #ff8100 !important;
	border: solid 1px #ff8100 !important;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	cursor:pointer;
	background-image: none !important;
	margin: 0px !important;
	font-family: 'KnowledgeRegular',  arial, sans-serif !important; 
	}

.scrollup {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    position: fixed;
    bottom: 30px;
    right: 20px;
    border: 1px solid #ffa200;
    display: none;
    color: #ffffff !important;
    background: #ff8000;
    padding: 7px 20px;
}
.scrollup a {
    color: #ffffff !important;
}
	
.formulario form .boton {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff !important;
	background-color: #ff8100 !important;
	border: solid 1px #ff8100 !important;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	cursor:pointer;
	background-image: none !important;
	margin: 0px !important;
	font-size: 18px !important;
	}

.formulario form label {
	padding-top: 8px;
	display:block;
	color: #666666;
	background-color: transparent !important;
	font-size: 16px;
	}
	
.formulario .required {
	padding-top: 8px;
	display:block;
	color: #fff;
	}

.formulario  .label {
	background-color: transparent !important;
}
	

.redes{
	padding: 0px 0px 5px 0px;
	position:relative;
	background-color: #ffffff;
	color: #666666;
	overflow: hidden;
	font-family: 'KnowledgeRegular',  arial, sans-serif !important; 
	border-top: solid 1px #f2f2f2;
}

.facebook{
	display: block;
	margin-top: 25px;
}
.facebook img{
	margin-right: 5px;
}
	
.url{
	margin-top: 10px;
	display: block;
	font-size: 16px;
}

/*---start-footer----*/
.footer{
	padding: 0em 0.5em 20px 0.5em;
	position:relative;
	background-color: #ffffff;
	font-size:1.2em;
	text-align: right;
}

.footer  .logo_foot{
	width: 255px;
	padding-top: 10px;
}

.footer  .logo_movil{
	display: none;
}


/*---End-footer----*/

	
/*----responsive-design-----*/
@media only screen and (max-width: 1920px) and (min-width: 1681px) {

.quote H2 {
	padding: 40px 100px 10px 0px;
	}

}
/*----responsive-design-----*/
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
	.wrap{
		width:90%;
	}


	
}
@media only screen and (max-width: 1366px) and (min-width: 1291px) {
	.wrap{
		width:90%;
	}
	

	
}
@media only screen and (max-width: 1290px) and (min-width: 1025px) {
	.wrap{
		width:90%;
	}


.quote_foto {
	background-size: 1200px !important;
}
	
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.wrap{
		width:90%;
	}
	
	


	.quote H2 {
		font-size: 36px !important;
	}
	
   .quote H2 span {
	   font-size: 40px !important;
	}


	.quote H2 strong {
    font-size: 30px !important;
	}
		
.quote_foto {
	background-size: 1000px !important;
}
	
		
}
@media only screen and (max-width: 768px) and (min-width: 641px) {
	.wrap{
		width:90%;
	}
	
	
	.header {
	 padding: 10px 0px;
	}

	.back_a {
		width: 100%;
		padding: 3em 1.5em 0.5em 1.5em;
	}
	
	
	
.quote_foto {
	background-size: 768px !important;
	background: url('http://images.engage.es-pt.thomsonreuters.com/EloquaImages/clients/LALEYSAEIMPRESORA/%7Ba47a592c-2a10-4c48-84a4-ac0e97501f5f%7D_banner_768.jpg'); 
}
	
		
	
	.formulario .row-fluid  .span6 {
		width: 100% !important;
	}

	.quote_foto {
		min-height:300px;
		}
		
	.quote_foto .pop {
		margin-top: 0px !important;
		}
	.quote_foto .row-fluid  .span9 {
		width: 100% !important;
	}
	
	.quote_foto .row-fluid  .span3 {
		width: 100% !important;
	}
	
	
	
	.quote H2 {
		font-size: 30px !important;
		}
	
	.quote H2 span {
		font-size: 36px !important;
		line-height: 40px;
		}
		
	.quote H2 strong {
    font-size: 24px !important;
	}
		
.quote ul li {
	font-size: 18px;
	line-height: 22px;
	}
	
	
.quote p{
	width: 80%;
	padding: 0px 10%;
	}
	
	
	
.quote_foto {
}
	
	.add_movil {
	display: block !important;
	}
	
	.small {
		font-size: 11px !important;
		line-height: 15px !important;
	}
	
	.formulario {
		width: 100%;
		margin: 0em;
		
	}
	.formulario H3 {
		font-size: 16px;
		line-height: 16px !important;
	}
	.foto {
		margin-top: 0px;
		margin-bottom: 20px;
		width: 100%;
		float: none;
	}	
	.texto {
		margin-top: 20px;
	}
	
	.caja_modulo, .caja_modulo2 {
		padding: 10px;
	}
	
	.caja_modulo h4, .caja_modulo2 h4 {
		font-size: 14px;
	}
}
@media only screen and (max-width: 640px) and (min-width: 481px) {
	.wrap{
		width:90%;
	}
	
	.container {
		padding: 0px 25px;
	}
	
	.header {
	 padding: 10px 0px;
		
	}


	

	.quote_foto {
		min-height:250px;
		}
		

		
.quote_foto {

	
	padding: 50px 0 0 0 !important;
	
	background-position: top left !important;
	background: url('http://images.engage.es-pt.thomsonreuters.com/EloquaImages/clients/LALEYSAEIMPRESORA/%7Be89f61d2-28c6-4a04-8637-598ef6f030f2%7D_banner_640.jpg'); 
	background-repeat: no-repeat; 
	background-size: 640px !important;
}
	
	.quote {
		overflow:hidden;  
		}

	.quote H2 {
		font-size: 30px !important;   
		}
	
	.quote H2 span {
		font-size: 36px !important;
		margin-bottom: 0px;
		}
		
	.quote H2 strong {
    font-size: 25px !important;
	}
		
	.quote H3 {
		font-size: 16px;
		line-height: 18px;
		}
		
.quote ul li {
	padding-right: 100px;
	}
		
.quote ul li {
	font-size: 18px;
	line-height: 20px;
	}
	
.quote p{
	width: 80%;
	padding: 0px 10%;
	}
	
	.logo, .logo2, .logo3 {
		margin-top: 0em;
		width: 50% !important;
		float: left !important;
	}
		



	.foto {
		margin-top: 0px;
		margin-bottom: 20px;
		width: 25%;
		float: none;
	}	
	.texto {
		margin-top: 0px;
		margin-bottom: 40px;
	}
		

#section6 h2{
	text-align: center;
	}
#section6 h3{
	}

#section6 p{
	}
	.formulario {
		width: 100%;
		
	}
	.formulario H3 {
		font-size: 20px;
	}
	.footer{
		text-align: center;
	}
	
	.footer  .logo_foot {
	width: 200px !important;
	padding: 10px 0;
	}
	.url {
		float:left;
		margin-top: 15px;
		text-align: center;
		width: 100%;
	}
	.facebook {
		text-align: center;
		width: 100%;
	}
	
	.txt-rt {
		text-align: left !important;
	}
}






@media only screen and (max-width: 480px) and (min-width:240px) {
	.wrap{
		width:90%;
	}

		
	.container {
		padding: 0px 25px;
	}
		
.logo, .logo2, .logo3 {
		margin-top: 0em;
		width: 50% !important;
		float: left !important;
	}
		
.logo2 {
	text-align: right;
	}
	


	
	.header {
	 padding: 10px 0px;
		
	}
		

	.back_a {
		width: 100%;
		padding: 1em 0em 0.5em 0em;
	}
	
		


		
.quote_foto {

	background: none; 
	background-repeat: no-repeat; 
	background-size: 480px !important;
	background-color: #DDDDDD;
}
	
	
	.quote  {
		padding: 0px;
		}
	
	.quote H2 {
		font-size: 30px !important;   
		}
	
	.quote H2 span {
		font-size: 36px !important;
		margin-bottom: 0px;
		}
	.quote H2 strong {
    font-size: 30px !important;
	display: block;
	margin-bottom: 0px;
	}
		
.quote ul li {
	font-size: 16px;
	line-height: 18px;
	}
.quote p{
	width: 80%;
	padding: 0px 10%;
	}
	
	.foto {
		margin-top: 0px;
		margin-bottom: 20px;
		width: 35%;
		float: none;
	}	

	.texto {
		margin-top: 0px;
		margin-bottom: 40px;
	}
		

	#section2 h3 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 15px !important;
		}
		
#section6 h2{
	text-align: center;
	}

#section6 h3{
	}

#section6 p{
	}
	
	.movil_less {
		display: none;
	}

	.formulario {
		width: 100%;
		
	}
	
	.formulario H3 {
		font-size: 20px;
	}
	.elq-form .list-order.twoColumn {
		width: 98% !important;
	}
	.footer{
		text-align: center;
	}
	
	.footer  .logo_foot {
	width: 200px !important;
	padding: 10px 0;
	}
	.redes {
		padding: 15px 5px;
	}
	.url {
		float:left;
		margin-top: 15px;
		text-align: center;
		width: 100%;
	}
	.facebook {
		text-align: center;
		width: 100%;
	}
	.txt-rt {
		text-align: left !important;
	}
}


